﻿<div>

<script type="text/javascript">
    $(function () {
        var btn = $("#A1");

        $("#Button1").click(function () {
            btn.linkbutton("setIcon", "icon-hamburg-busy");
        });

        $("#Button2").click(function () {
            btn.linkbutton("setIcon", null);
        });

        $("#Button3").click(function () {
            btn.linkbutton("setText", "自定义按钮1");
        });

        $("#Button4").click(function () {
            btn.linkbutton("setText", null);
        });

        $("#Button5").click(function () {
            btn.linkbutton("setIconAlign", "left");
        });

        $("#Button6").click(function () {
            btn.linkbutton("setIconAlign", "right");
        });

        $("#Button7").click(function () {
            btn.linkbutton("setPlain", true);
        });

        $("#Button8").click(function () {
            btn.linkbutton("setPlain", false);
        });

        $("#Button9").click(function () {
            btn.linkbutton("setStyle", {
                backgroundColor: "Red",
                color: "Blue"
            });
        });
    });
</script>

<h2>jEasyUI LinkButton Extensions</h2>
<p>该部分扩展由文件 jeasyui.extensions.linkbutton.js 实现。</p>
<hr />
<input id="Button1" type="button" value="设置图标" style="background" />
<input id="Button2" type="button" value="清除图标" />

<input id="Button3" type="button" value="设置文字" />
<input id="Button4" type="button" value="清除文字" />
<br /><br />
<input id="Button5" type="button" value="设置图标位置-左" />
<input id="Button6" type="button" value="设置图标位置-右" />

<input id="Button7" type="button" value="设置Plain-true" />
<input id="Button8" type="button" value="设置Plain-false" />
<br /><br />
<input id="Button9" type="button" value="添加自定义样式" />
<hr />
<a id="A1" class="easyui-linkbutton" data-options="plain: false, iconCls: 'icon-hamburg-config', iconAlign: 'left'" >按钮1</a>

</div>